import React from 'react';
import { connect } from 'dva';
import { Layout } from 'antd';
// 引入路由需要的组件,switch为选择Route, Redirect 其中一个使用
import { Switch } from 'dva/router';
import styles from './IndexPage.scss';
import NavBar from './NavBar'
// 引入封装的路由,封装好的重定向
import SubRoutes, {RedirectRoute,NoMatchRoute} from '../utils/SubRoutes'
const { Header, Content } = Layout;
function IndexPage(props) {
  // console.log(props) 打印出来的location/pathname传入子组件,props为SubRoutes.js传过来的路由
  const {routes,app} = props;
  // console.log(routes)//所有路由路径
  return (
    <Layout className={styles.layout}>
      <Header className={styles.header}>
        <NavBar {...props}/>
      </Header>
      <Content className={styles.content}>
        {/* 显示对应的页面,使用动态路由,对解构出来的路由遍历 */}
        <Switch>
          {routes.map((route,i) =>(
            /* 调用封装好的路由优化组件 ,传递个数和所有路由*/
            <SubRoutes  key={i} {...route} app={app}/>
          ))}
          {/* 调用封装过的重定向 重定向只有一个*/}
          <RedirectRoute exact={true} from={"/"} routes={routes} />
          {/* 对地址栏上找不到的地址跳转到指定的地方 */}
          <NoMatchRoute />
        </Switch>
        {/* <h1>{props.text}</h1> */}
      </Content>
    </Layout>)
    ;
}

IndexPage.propTypes = {
};

export default connect()(IndexPage);
